<template>
  <div>
        <el-container id="content">
            <el-header>祥瑞金融管理系统</el-header>
            <el-container>
                <AsideTab></AsideTab>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import AsideTab from '../components/AsideTab.vue'

export default {
  name: 'Home',
  components: {
    AsideTab
  }
}
</script>
<style scoped lang="scss">
 .el-header {
    background-color:#2F4056 ;
    color: #ebebeb;
    font-size: 25px;
    font-weight: bold;
    /* text-align: center; */
    line-height: 60px;
    /* box-shadow: 0px 0px 5px rgb(228, 228, 228); */
}
#content {
    height: 100vh;
}
.el-aside {
    background-color: #2F4056;
    color: rgb(255, 255, 255);
    /* box-shadow: 0px 0px 5px rgb(228, 228, 228); */
    .el-menu{
      border:none !important;
    }
}
</style>